/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= FONT EMBEDING
-------------------------------------------------------------------------------------- */
/*@font-face {
    font-family: 'AvenirLTStd65MediumRegular';
    src: url('../font/avenirltstd-medium-webfont.eot');
    src: url('../font/avenirltstd-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/avenirltstd-medium-webfont.woff') format('woff'),
    url('../font/avenirltstd-medium-webfont.ttf') format('truetype'),
    url('../font/avenirltstd-medium-webfont.svg#AvenirLTStd65MediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
/*
= COMMON
-------------------------------------------------------------------------------------- */
body,
input,
textarea,
select,
#header ul li,
#foot-foot ul li
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    color: #FFF;
}
p,
ul li,
ol li, span {font-family: Arial, Helvetica, sans-serif;}
ol, ul{margin:0;}
ul li{list-style-type: none;}
h1, #home-placeholder h2{ font-size: 48px; line-height: 48px; color: #FFF; }
h3{ color: #eb148b; margin: 7px 0 18px 0; font-weight: bold; font-size: 18px; }
h5{ padding-bottom: 13px; } 
a{ color:#fff; text-decoration:none }
p{ line-height: 17px; text-shadow: 1px 1px 1px #1B1B1B; }
/*
= TOP
-------------------------------------------------------------------------------------- */
/***  HEADER ***/
        #logo{
            width:920px;
            margin:0 auto;  
            text-align: center;
            margin-top: 58px; 
            margin-bottom: 30px;
        }
                .radius{
                    border-radius:2px;
                    overflow: hidden; 
                }
                .shadow{
                    -moz-box-shadow:    0 0 10px #000000; 
                    -webkit-box-shadow: 0 0 10px #000000; 
                    box-shadow:         0 0 10px #000000; 
                }
                .shadow5{
                    -moz-box-shadow:    0 0 5px #666; 
                    -webkit-box-shadow: 0 0 5px #666; 
                    box-shadow:         0 0 5px #666; 
                }
                .nobg{
                    background: none;
                }
                .nobd{
                    border: none !important;
                }
        #flags, #info{
            position:absolute;
            top: 66px;
            right: 5px;
            background: url(../img/header-bg.png) no-repeat left top transparent;
            height: 35px;
            line-height: 35px;
            width: 250px;
        }
                #info{
                    left: 5px; 
                }
                #flags ul li{
                    float: left    
                }
                #flags ul li a{
                    display: block;
                    margin-left: -2px;
                    padding-top: 6px;
                }
                #flags ul li{

                }
                #flags p{
                    float: right;
                }
                #flags ul {
                    float: left;
                    margin-left: 23px;
                }
                #flags p, #info p{
                    padding: 0 33px 0 0;
                    line-height: 35px;
                    font-weight: bold;
                }
                #info p{
                    padding: 0 0 0 33px;
                    font-weight: bold;
                }
                
        /*** MAINMENU ***/
        #mainmenu{
            width:920px;
            height: 37px;
            margin:0 auto;  
            background: #c8c8c8;
            margin-top: 41px; 
        }
                #mainmenu ul li{
                    float: left;
                }  
                #mainmenu ul li a {
                    background: url(../img/menubg.png) no-repeat left top transparent; ;
                    display: block;
                    font-size: 15px;
                    font-weight: bold;
                    height: 37px;
                    line-height: 37px;
                    text-align: center;
                    text-transform: uppercase;
                    width: 229px;
                    margin-right: 2px;
                    text-indent: -9999px;
                }
                #mainmenu ul li a.rentacar-link{
                    background-position: 0 0;
                }
                #mainmenu ul li a.excursions-link{
                    background-position: -231px 0;
                }
                #mainmenu ul li a.accommodations-link{
                    background-position: -462px 0;
                }
                #mainmenu ul li a.business-link{
                    background-position: -693px 0;
                }
                #mainmenu ul li a.rentacar-link:hover, #mainmenu ul li.active a.rentacar-link{
                    background-position: 0 -38px;
                }
                #mainmenu ul li a.excursions-link:hover, #mainmenu ul li.active a.excursions-link{
                    background-position: -231px -38px;
                }
                #mainmenu ul li a.accommodations-link:hover, #mainmenu ul li.active a.accommodations-link{
                    background-position: -462px -38px;
                }
                #mainmenu ul li a.business-link:hover, #mainmenu ul li.active a.business-link{
                    background-position: -693px -38px;
                }
                #mainmenu ul li a.last{
                    margin-right: 0;
                    width: 227px;
                }

/*
= CONTENT
-------------------------------------------------------------------------------------- */
#news-placeholder h1{ margin-bottom: 17px; font-family: Arial; }
#news-placeholder p{ margin-bottom: 7px; }
#news-placeholder .contect-text h1, #news-placeholder .contect-text h2 {
font-size: 24px;
margin-top: 26px;
height: 30px;
line-height: 30px;
}
#home-placeholder h1{ font-size: 24px;
    height: 35px;
    line-height: 35px;
    text-transform: uppercase; }
#home-placeholder h2{ line-height: 36px; }
#home-placeholder h3{ margin-top: 0;}

/***  BODY ***/
.wrapper{
    width:920px;
    margin:0 auto;
    background: url(../img/background-trans.png) repeat left top transparent;
    margin-top: 12px;
    position: relative; 
}
        #body{
            padding: 35px 36px 35px 40px;
        }
                .platform{
                    padding-bottom: 38px;
                    position: relative;
                }
                .platform a.more{
                    padding-left: 3px;
                    color:#4bbfef;
                    font-weight:bold;
                    font-style:italic
                }
                .platform a.more:hover{
                    text-decoration: underline;
                }
                .accommodations-color{
                    color:#0cc7f1 !important; 
                }
                .excursions-color{
                    color:#0fee73 !important; 
                }
                .rentacar-color{
                    color:#c611e7 !important; 
                }
                .bussines-color{
                    color:#e1128e !important;
                }
                .pfixh1{
                    position: relative;
                    margin-left: -3px;
                }
                .platform .demo{
                    position: absolute;
                    top:38px;
                    right: 0;
                    width: 141px;
                    height: 34px;
                    overflow: hidden;
                    background-position: 0 0;
                    text-indent: -9999px;
                }
                .platform .rentacar-demo{
                    background: url(../img/rentacar-demo.png) no-repeat 0 0 transparent;
                }
                .platform .excursions-demo{
                    background: url(../img/excursions-demo.png) no-repeat 0 0 transparent;
                }
                .platform .accommodations-demo{
                    background: url(../img/accommodations-demo.png) no-repeat 0 0 transparent;
                }
                .platform .demo:hover{
                    background-position: 0 -33px;
                }
                #social{position:absolute; top:23px; right:23px; z-index:6}
                #social li a, #social li a img{display:block}
                #social li {float:left; margin-left: 3px;}
                
        /*PLATFORMS*/
        .contect-text{
            /*margin-top: 13px;*/
        }
        .contect-text h1, .contect-text h2{
            font-size: 24px;
            margin-top: 26px;
            height: 35px;
            line-height: 35px;
        }
        .contect-text h3{
            margin-top: -7px !important;
        }
        .contect-text a{
            color:#4bbfef;
            font-weight:bold;
            font-style:italic
        }
        .contect-text a:hover{
            text-decoration: underline;
        }
        .rentacar-content a, .rentacar-content h3 {
            color:#C611E7 
        }
        .excursions-content a, .excursions-content h3{
            color:#0FEE73 
        }
        .accommodations-content a, .accommodations-content h3{
            color:#4BBFEF 
        }
        .terms-content a{
            color:#E1128E 
        }
        .cms-content a, .cms-content h3{
            color:#a8d681 
        }

        #page_rentacar #top-link {
            background: #C611E7;
        }
        #page_excursions #top-link {
            background: #0FEE73;
        }
        #page_accommodations #top-link {
            background: #0CC7F1;
        }
        #page_terms #top-link {
            background: #E1128E;
        }
        #page_home #top-link {
            background: #404041;
        }
        #page_cms #top-link {
            background: #a8d681;
        }
        
        /*BANNERS*/
        #banner{
            height:157px
        }
        .banner1, .banner2{
            width: 400px;
            height:116px
        }
        .banner1{
            margin:20px 0 0 40px;
        }
        .banner2{
            margin:20px 36px 0 0 ;
        }
        .banner1, .contect-banner1{
            float: left;
        }
        .banner2, .contect-banner2{
            float: right;
        }
        .banner1{
            margin-right: 40px;
        }
/*
= FOOTER
-------------------------------------------------------------------------------------- */
#footer{
    height: 60px;
    padding: 0 36px 0 40px; 
}
        #footer ul.catalogue{
            float: right;
            margin-top: 5px;
        }
        #footer ul.catalogue li{
            background: url(../img/pdf.png) no-repeat left top transparent;
            float: left;
            padding: 14px 0 13px 55px;
            line-height: 13px;
        }
        #footer ul.catalogue li.flyer{
            background: url(../img/flyer.png) no-repeat left top transparent;
            margin-left: 23px;
        }
        #footer ul.address li{
            float: left;
            line-height: 60px;
            padding-right: 28px;
            font-weight: bold;
        }
        #signiture{
            width:920px;
            margin:0 auto;
            text-align: center;
            margin-bottom: 50px;
            display: block;
            margin-top: 5px;
            color: #333333;
        }
        #signiture a{
            color: #333333; 
        }
        #footer a:hover, #signiture a:hover{
            text-decoration: underline;
        } 
        
        /*EDITOR STYLE*/
        #body p {
            /*margin-bottom: 1.625em;*/
        }
        #body ul, #body ol {
            margin: 0.7em 0 1.625em 2.5em;
            padding: 0;
        }
        #body ul {
            list-style: square outside none;
        }
        #body ol {
            list-style-type: decimal;
        }
        #body ol ol {
            list-style: upper-alpha outside none;
        }
        #body ol ol ol {
            list-style: lower-roman outside none;
        }
        #body ol ol ol ol {
            list-style: lower-alpha outside none;
        }
        #body ul ul, #body ol ol, #body ul ol, #body ol ul {
            margin-bottom: 0;
        }
        #body dl {
            margin: 0 1.625em;
        }
        #body dt {
            font-size: 15px;
            font-weight: bold;
        }
        #body dd {
            margin: 0 0 1.625em;
        }
        #body li {
            line-height: 19px;
            list-style-type: square
        }
        #body strong {
            font-weight: bold;
        }
        #body cite, #body em, #body i {
            font-style: italic;
        }
        #body cite {
            border: medium none;
        }
        #body big {
            font-size: 131.25%;
        }
        #body pre {
            background: none repeat scroll 0 0 #F4F4F4;
            margin-bottom: 1.625em;
            padding: 0.75em 1.625em;
        }
        pre {
            background: none repeat scroll 0 0 #E77817;
            color: #FFFFFF;
            font-family: Arial;
            font-size: 13px;
            font-weight: normal;
            line-height: 1.5em;
            margin-bottom: 1.625em;
            padding: 0.33em 1.025em;
        }
        #body .contect-text pre{
            background: none repeat scroll 0 0 transparent;
            font-size: 17px;
            font-weight: bold;
            line-height: 23px;
            margin-top: 23px;
            padding: 0 10px;
            text-shadow: 1px 1px 1px #1b1b1b;
            font-style: italic;
        }
        #body .rentacar-content pre{
            background-color: #C611E7;
        }
        #body .excursions-content pre{
            background-color: #0FEE73;
        }
        #body .accommodations-content pre{
            background-color: #0CC7F1;
        }
        #body .terms-content pre{
            background-color: #E1128E;
        }
        #body .cms-content pre{
            background-color: #a8d681;
        }
        #body code, #body kbd, #body code var {
            font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
        }
        #body abbr, #body acronym, #body dfn {
            border-bottom: 1px dotted #666666;
            cursor: help;
        }  
        
        /*PRO GALLERY*/
        #pro-gallery{
            margin-top:23px  
        }
        #pro-gallery .item{
            border: 2px solid #dedede;
            padding:2px;
            margin-bottom:11px
        }
        .pro-gallery-text{
            width:490px !important;
        }
        #pro-gallery .item a{
            display:block
        }
        #pro-gallery .last{
            margin-bottom: 0 !important;
        }
        .contact_info .left_1{
            float:left;
            margin: 57px 0 0 30px;
        }
        .contact_info .info-text{
            text-align: center;
            padding:20px 0 0 0;
            width:270px;
            font-size: 15px;
        }
        .contact_info .info-text p{
            padding-bottom:13px;
            line-height: 15px;
        }
        .contact_info .left_2{
            float:left;
            margin: 67px 0 0 67px;
        }
        #contact_form{
            background: #cccccc;
            width:609px;
            height:210px;
            padding: 35px 31px 23px 52px
        }
        #contact_info{
            padding:0;
            margin:0 
        }
        #contact_info dt, #contact_info dd{
            float: left;
        }
        #contact_info dl{
            padding-bottom:33px;
            margin-right:0
        }
        #contact_info dd{
            margin:0
        }
        #contact_info dt{
            width:130px;
            text-align: right;
            font-size: 12px;
            line-height: 21px;
            padding-right:7px
        }
        #contact_info dl.notice dt, #contact_info dl.notice dd{
            float:none;
        }
        #contact_info dl.notice{
            margin:-7px 0 0; 
            position: absolute;
        }
        #contact_info dl.notice dt{
            text-align: left;
        }
        #contact_form h4{
            text-transform: uppercase;
            font-size: 17px;
            color:#333333
        }
        #contact_form .ff_title, #contact_form .ff_content{     
            float:left            
        }
        #contact_form .ff_content{
            width:459px
        }
        .p_contact_info input{
            width:294px
        }
        .p_contact_info textarea{
            width:602px;
            height:55px
        }
        #contact_form b.required, #contact_form .note-asterisk {
            color: #333333;
            font-size: 10px;
            font-weight: bold;
            margin: 0 0 0 -11px;
            padding: 0 5px 0 0;
        }
        .error{
            border:1px solid red !important;
        } 
        #pro-documents li{
            list-style-type: none;
            padding: 7px 0;
        }
        #pro-documents li a{
            color:#333;
            position: relative;
            display: block;
            font-size: 14px;
            line-height: 25px;
            padding-left:13px
        }
        #pro-documents li span{
            position: absolute;
            top:-4px;
            left:-23px
        }
        #pro-documents ul{
            margin-left: 1.7em;
        }
        .bgwhite{
            background: url(../img/background-trans-white.png) repeat !important;
            background: #FFF !important;
        }
        /*CONTACT FORM STYLE*/

        .contact_form{
            background: none;
            width:844px; 
        }
        .contact_form .form_inner{
            padding: 35px 31px 23px 52px; 
            padding: 35px 0 23px 0; 
        }
        .contact_form .form_title{
            color: #FFF;
            font-size: 17px;
            text-transform: uppercase;
            font-weight: bold;
        }
        .contact_form .form_contacts{
            float: right;
            width: 51.4%;
        }
        .contact_form b.required, .contact_form .note-asterisk {
            color: #FFF;
            font-size: 10px;
            font-weight: bold;
            margin: 0 0 0 -11px;
            padding: 0 5px 0 0;
        }
        .contact_form label{
            line-height: 21px;
            text-align: right;
            font-weight: bold;
            display: block;
            float: left;
            width: 127px;
            margin-right: 5px;
        }
        .contact_form .input_text{
            width: 294px;
            color: #333333;
        }
        .contact_form .form_line{
            margin-bottom: 13px;
        }
        .contact_form .last{
            margin-bottom: 0;
        }
        .contact_form textarea {
            height: 55px;
            width: 844px;
            color: #333333;
        }
        .contact_form .submit, .contact_form .explanded {
            float: right;
        }
        .contact_form .form_submit .explanded {
            height: 29px;
            line-height: 29px;
            margin-right: 20px; 
        }
        .contact_form .form_submit input {
            background-color: #333;

            background-image: linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
            background-image: -o-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
            background-image: -moz-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
            background-image: -webkit-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);
            background-image: -ms-linear-gradient(bottom, rgb(77,77,77) 11%, rgb(41,41,41) 53%);

            background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.11, rgb(77,77,77)),
            color-stop(0.53, rgb(41,41,41))
            );

            border-radius:2px;

            border: 0 none;
            color: #FFFFFF;
            cursor: pointer;
            display: block;
            font-size: 12px;
            font-weight: bold;
            height: 29px;
            line-height: 29px;
            text-align: center;
            text-transform: uppercase;
            width: 119px !important;
        }         

        /*END OF CONTACT FORM STYLE*/

        #top-link    { 
            background: none #C611E7;
            color: #FFFFFF;
            display: none;
            font-weight: bold;
            padding: 5px;
            text-decoration: none;
            position: fixed !important;
            top: 105px !important;
            left: 5px !important;
            width: 40px;
            height: 40px;    
        }              
/*
= Mobile devices
-------------------------------------------------------------------------------------- */
@media all and (orientation:portrait) {

}
@media all and (orientation:landscape) {

}
@media screen and (max-device-width: 480px) {

    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
= Print
-------------------------------------------------------------------------------------- */
@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")"; }
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}